<script setup lang="ts">
import { useNewLotteryStore } from '@/stores/newlottery'

const newLotteryStore = useNewLotteryStore()

defineEmits<{
  open: []
}>()
</script>

<template>
  <div class="absolute top-4 right-4 flex justify-center items-center select-none">
    <div class="flex items-center p-2 bg-black/45 text-white cursor-pointer" @click="$emit('open')">
      <span class="text-sm 3xl:text-lg 4xl:text-2xl mr-1">中奖数:</span>
      <span class="text-sm 3xl:text-lg 4xl:text-2xl">{{
        newLotteryStore.lottery.getCurrentPrize()?.getNumberOfWinners() || 0
      }}</span>
    </div>
  </div>
</template>
